<div>
	<div class="breadcrumb">
		<a class="prev" onclick="history.go(-1)"></a>
		<a class="next" onclick="history.go(1)"></a>
	</div>
	<div class="tab-title">
		{{'userLog.title'|translate}}
	</div>
	<div class="tour-detail" style="margin-bottom:2rem;">
		<div nz-row [nzGutter]="24">
			<div nz-col [nzSpan]="16">
				<nz-form-item nzFlex>
					<nz-form-label nzRequired nzFor="name">{{'userLog.time'|translate}}</nz-form-label>
					<nz-form-control>
						<nz-select [(ngModel)]="form.dateType" style="width: 150px;" (ngModelChange)="changeType($event)">
							<nz-option nzValue="today" [nzLabel]="userLog.today"></nz-option>
							<nz-option nzValue="week" [nzLabel]="userLog.week"></nz-option>
							<nz-option nzValue="month" [nzLabel]="userLog.month"></nz-option>
							<nz-option nzValue="other" [nzLabel]="userLog.other"></nz-option>
						</nz-select>
						<nz-range-picker style="margin-left:20px;" *ngIf="form.dateType === 'other'" [nzDisabledDate]="maxdate" [(ngModel)]="form.dateRange" (ngModelChange)="onChange($event)"></nz-range-picker>
					</nz-form-control>
				</nz-form-item>
			</div>
		</div>
	</div>
	<div class="tour-detail">
		<div nz-row [nzGutter]="24">
			<div nz-col [nzSpan]="6">
				<nz-form-item nzFlex>
					<nz-form-label nzRequired nzFor="name">{{'userLog.lastLoginTime'|translate}}</nz-form-label>
					<nz-form-control>
						<nz-form-text>{{ data.lastLoginTime }}</nz-form-text>
					</nz-form-control>
				</nz-form-item>
			</div>
			<div nz-col [nzSpan]="6">
				<nz-form-item nzFlex>
					<nz-form-label nzRequired nzFor="travelAgencyId">{{'user.loginId'|translate}}</nz-form-label>
					<nz-form-control>
						<nz-form-text>{{ data.loginId }}</nz-form-text>
					</nz-form-control>
				</nz-form-item>
			</div>
			<div nz-col [nzSpan]="6">
				<nz-form-item nzFlex>
					<nz-form-label nzRequired nzFor="mobile">{{'user.level'|translate}}</nz-form-label>
					<nz-form-control>
						<nz-form-text *ngIf="data.level === 'vip'">{{'userLevel.vip'|translate}}</nz-form-text>
						<nz-form-text *ngIf="data.level !== 'vip'">{{'userLevel.normal'|translate}}</nz-form-text>
					</nz-form-control>
				</nz-form-item>
			</div>
			<div nz-col [nzSpan]="6">
				<nz-form-item nzFlex>
					<nz-form-label nzRequired>{{'user.createTime'|translate}}</nz-form-label>
					<nz-form-control>
						<nz-form-text>{{ data.createTime }}</nz-form-text>
					</nz-form-control>
				</nz-form-item>
			</div>
		</div>
		<div nz-row [nzGutter]="24">
			<div nz-col [nzSpan]="6">
				<nz-form-item nzFlex>
					<nz-form-label nzRequired nzFor="name">{{'user.email'|translate}}</nz-form-label>
					<nz-form-control>
						<nz-form-text>{{ data.email }}</nz-form-text>
					</nz-form-control>
				</nz-form-item>
			</div>
			<div nz-col [nzSpan]="6">
				<nz-form-item nzFlex>
					<nz-form-label nzRequired nzFor="name">{{'userLog.loginCount'|translate}}</nz-form-label>
					<nz-form-control>
						<nz-form-text>{{ data.loginCount }}</nz-form-text>
					</nz-form-control>
				</nz-form-item>
			</div>
			<div nz-col [nzSpan]="6">
				<nz-form-item nzFlex>
					<nz-form-label nzRequired nzFor="name">{{'userLog.viewCount'|translate}}</nz-form-label>
					<nz-form-control>
						<nz-form-text>{{ data.viewCount }}</nz-form-text>
					</nz-form-control>
				</nz-form-item>
			</div>
			<div nz-col [nzSpan]="6">
				<nz-form-item nzFlex>
					<nz-form-label nzRequired nzFor="name">{{'userLog.appointmentCount'|translate}}</nz-form-label>
					<nz-form-control>
						<nz-form-text>{{ data.appointmentCount }}</nz-form-text>
					</nz-form-control>
				</nz-form-item>
			</div>
		</div>
		<div nz-row [nzGutter]="24">
			<div nz-col [nzSpan]="6">
				<nz-form-item nzFlex>
					<nz-form-label nzRequired nzFor="name">{{'userLog.clickPaymentCount'|translate}}</nz-form-label>
					<nz-form-control>
						<nz-form-text>{{ data.clickPaymentCount }}</nz-form-text>
					</nz-form-control>
				</nz-form-item>
			</div>
			<div nz-col [nzSpan]="6">
				<nz-form-item nzFlex>
					<nz-form-label nzRequired nzFor="name">{{'userLog.payCompletedCount'|translate}}</nz-form-label>
					<nz-form-control>
						<nz-form-text>{{ data.payCompletedCount }}</nz-form-text>
					</nz-form-control>
				</nz-form-item>
			</div>
		</div>
	</div>
</div>
